<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%><%@taglib
	uri="http://java.sun.com/jsf/core" prefix="f"%><%@taglib
	uri="https://ajax4jsf.dev.java.net/ajax" prefix="ajax"%><%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<div class="mainBackground">
	<div class="innerBackground">
	
<f:view locale="#{visitInfo.currentUser.locale}">
	<f:loadBundle basename="resources.VisionClickResources" var="msg"/>
	<jsp:include page="nav.jsp"/>

	<h:form rendered="#{taskBean.showOperator}">
		<h:panelGrid border="0" columns="4">
			<h:commandLink value="#{msg.Start}" action="#{taskBean.start}" disabled="#{taskBean.task.cannotOperate}" styleClass="button">
				<f:param value="#{visitInfo.currentTask.taskId}" name="taskId"/>
			</h:commandLink>
			<h:commandLink value="#{msg.Stop }" action="#{taskBean.stop}" disabled="#{taskBean.task.cannotOperate}" styleClass="button">
				<f:param value="#{visitInfo.currentTask.taskId}" name="taskId"/>
			</h:commandLink>
			<h:commandLink value="#{msg.Suspend }" action="#{taskBean.suspend}" disabled="#{taskBean.task.cannotOperate}" styleClass="button">
				<f:param value="#{visitInfo.currentTask.taskId}" name="taskId"/>
			</h:commandLink>
			<h:commandLink value="#{msg.Finish}" action="#{taskBean.done}" disabled="#{taskBean.task.cannotOperate}" styleClass="button">
				<f:param value="#{visitInfo.currentTask.taskId}" name="taskId"/>
			</h:commandLink>
		</h:panelGrid>
		</h:form>
		<div class="table">
			<div class="tableHead">
			<h:panelGrid width="960" columns="2">
				<h:outputText value="#{taskBean.task.taskName}"></h:outputText>
				<h:panelGroup style="float:right;">
				<h:panelGrid columns="2" border="0" rendered="#{taskBean.canRevise}">
				<h:form>
				<h:commandLink value="#{msg.Depose}" action="deposetask" disabled="#{taskBean.task.cannotOperate}" style="color:white">
				</h:commandLink>
				</h:form>
				<h:form>
				<h:commandLink value="#{msg.Revise}" action="revisetask" disabled="#{taskBean.task.cannotOperate}" style="color:white">
					<f:param name="taskId" value="#{taskBean.task.taskId}"/>
				</h:commandLink>
				</h:form>
			</h:panelGrid>
				</h:panelGroup>
			</h:panelGrid>
			</div>
		<h:panelGrid border="0" columns="2">
			<h:outputText value="#{msg.CurrentState }"></h:outputText>
			<h:outputText value="#{taskBean.task.state}"></h:outputText>
			<h:outputText value="#{msg.Developer}"></h:outputText>
			<h:outputText value="#{taskBean.task.executor}">
				<f:converter converterId="userConverter"/>
			</h:outputText>
			<h:outputText value="#{msg.Creator}"></h:outputText>
			<h:outputText value="#{taskBean.task.creator}">
				<f:converter converterId="userConverter"/>
			</h:outputText>
			<h:outputText value="#{msg.ExpectedTime}"></h:outputText>
			<h:outputText value="#{taskBean.task.duration}"></h:outputText>
			<h:outputText value="#{msg.UsedTime}"></h:outputText>
			<h:outputText value="#{taskBean.task.consume}"></h:outputText>
			<h:outputText value="#{taskBean.task.rank}"></h:outputText>
			<h:outputText value="#{msg.TaskDesc}"></h:outputText>
			<h:outputText value="#{taskBean.task.taskDesc}"></h:outputText>
		</h:panelGrid>
		</div>
				<ajax:repeat value="#{taskBean.task.historyTaskList}" var="historyTask">
					<div class="table">
					<div class="tableHead">
						<h:outputText value="#{historyTask.createDate}">
							<f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss"/>
						</h:outputText>
					</div>
					<h:panelGrid columns="2" border="0">
						<h:outputText value="#{msg.TaskName}"></h:outputText>
						<h:outputText value="#{historyTask.taskName}"></h:outputText>
						<h:outputText value="#{msg.Developer}"></h:outputText>
						<h:outputText value="#{historyTask.executor}">
							<f:converter converterId="userConverter"/>
						</h:outputText>
						<h:outputText value="#{msg.Creator}"></h:outputText>
						<h:outputText value="#{historyTask.creator}">
							<f:converter converterId="userConverter"/>
						</h:outputText>
						<h:outputText value="#{msg.ExpectedTime}"></h:outputText>
						<h:outputText value="#{historyTask.duration}"></h:outputText>
						<h:outputText value="#{msg.UsedTime}"/>
						<h:outputText value="#{historyTask.consume}"></h:outputText>
						<h:outputText value="#{historyTask.rank}"></h:outputText>
						<h:outputText value="#{msg.TaskDesc}"></h:outputText>
						<h:outputText value="#{historyTask.taskDesc}"></h:outputText>						
					</h:panelGrid>
				</div>
				</ajax:repeat>
			</f:view>
</div>
</div>
</body>
</html>